<!DOCTYPE html>
<html lang="en">

<head>
    <title>vue.set 扩展实例构造器</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="../assets/js/vue.js"></script>
</head>

<body>
    <div id="app1">
        <child msg="hello!"></child>
        <child nihao="hello1!"></child>
        <child nisha="hello2!"></child>
    </div>
    <script type="text/javascript">
        Vue.config.debug = true;
        Vue.component('child', {
            template: '<p>{{ msg }}123{{nihao}}{{nisha}}123</p>',
            props: ['msg', 'nihao', 'nisha'],
        });
        var vm = new Vue({
            el: '#app1'
        })
    </script>
</body>

</html>